<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jianfeiliao.com</title>
<link rel="stylesheet" type="text/css" href="style/main.css"/>
</head>
<body>
<div id="container">
    <div id="header">
        <h1>jianfeiliao.com - Portfolio of Jianfei Liao</h1>
        <a id="title_logo" href="#"></a>
        <div id="navigation">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Projects</a></li>
                <li><a href="#">Resume</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>
    
    <div id="splash">
        <div id="splash_text">
            <h2>What is jianfeiliao.com?</h2>
            <p>It's the online portfolio for Jianfei Liao, aka, me. Duh.</p>
        </div>
    </div>
    
    <div id="content">
        <div id="content_top"></div>
        <div id="stuff">
            <h3>Project Stuff</h3>
            <ul>
                <li>
                    <a href="#" id="space_chaser"></a>
                    <h4>Space Chaser</h4>
                    <p>A small Flash game to get my hand dirty with some ActionScript3.</p>
                </li>
           
                <li>
                    <a href="#" id="informative_workspace"></a>
                    <h4>Informative Workspace</h4>
                    <p>A webapp project that displays information on a 9-screen LCD.</p>
                </li>
           
                <li>
                    <a href="#" id="myisern"></a>
                    <h4>MyISERN</h4>
                    <p>A social network webapp for the ISERN community.</p>
                </li>
           
                <li>
                    <a href="#" id="mfc_applications"></a>
                    <h4>MFC Applications</h4>
                    <p>A number of small applications that made uses of the Microsoft Foundation Classes.</p>
                </li>
            </ul>
        </div>
        
        <div id="blog">
            <h3>Blog</h3>
            <dl>
                <dt>Lorem Ipsum</dt>
                <dd><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent libero 
                nulla, vehicula id tincidunt eget, ornare ut lectus. Donec ipsum nunc, eleifend 
                id rhoncus eu, convallis id est. Maecenas egestas eleifend tortor sit amet placerat. 
                Nullam varius viverra mauris nec tempor. Donec lectus quam, egestas id vestibulum 
                vitae, venenatis a erat. Proin venenatis dapibus risus, ut rutrum turpis porttitor id. 
                In at faucibus turpis. Cras congue facilisis porta. Ut porta, mi ut egestas varius, 
                purus dolor semper ipsum, nec ullamcorper neque urna ullamcorper turpis. Suspendisse 
                condimentum egestas sem ut semper. Nulla vehicula congue elit ac pulvinar. Proin 
                fermentum sodales diam.</p></dd>
            </dl>
        </div>
        <div id="content_bottom"></div>
    </div>
    
    <div class="spacer"></div>
    
    <div id="footer">
        <h6>©2009 jianfeiliao.com. All rights reserved.</h6>
        <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | 
        <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
        <a href="http://wicket.apache.org/">Wicket</a>
    </div>
    
    <div class="spacer"></div>
</div>
</body>
</html>